export default {
	data: {
		activeTab: "tab0",
		iconColors: [
			"red",
			"blue",
			"#000000",
			"#0A59F7",
			"#E84026",
			"#ED6F21",
			"#64BB5C"
		],
		colorIndex: 0,
		iconBackground: "#FFFFFF",
		iconDisabled: false,
		badgeConfig: {
			config: {
				badgeColor: "#0a59f7",
				textColor: "#ffffff",
			},
			count: 0,
			visible: true,
		},
		badgeConfig1: {
			config: {
				badgeColor: "#ED6F21",
				textColor: "#ffffff",
			},
			count: 6,
			visible: true,
		},
		badgeConfig2: {
			config: {
				badgeColor: "red",
				textColor: "#ffffff",
			},
			count: 100,
			maxcount: 99,
			visible: true,
		},
		badgeConfig3: {
			config: {
				badgeColor: "green",
				textColor: "#ffffff",
			},
			count: 1000,
			maxcount: 999,
			visible: true,
		},
	// 线框风格图标
		wireframeIcons: [
			[
				{
					name: "location_o"
				},
				{
					name: "like_o"
				},
				{
					name: "star_o"
				},
				{
					name: "phone_o"
				}
			],
			[
				{
					name: "setting_o"
				},
				{
					name: "fire_o"
				},
				{
					name: "coupon_o"
				},
				{
					name: "cart_o"
				}
			],
			[
				{
					name: "shopping_cart_o"
				},
				{
					name: "cart_circle_o"
				},
				{
					name: "friends_o"
				},
				{
					name: "comment_o"
				}
			],
			[
				{
					name: "gem_o"
				},
				{
					name: "gift_o"
				},
				{
					name: "point_gift_o"
				},
				{
					name: "send_gift_o"
				}
			],
			[
				{
					name: "service_o"
				},
				{
					name: "bag_o"
				},
				{
					name: "todo_list_o"
				},
				{
					name: "balance_list_o"
				}
			],
			[
				{
					name: "close_o"
				},
				{
					name: "clock_o"
				},
				{
					name: "question_o"
				},
				{
					name: "passed_o"
				}
			],
			[
				{
					name: "add_o"
				},
				{
					name: "gold_coin_o"
				},
				{
					name: "info_o"
				},
				{
					name: "play_circle_o"
				}
			],
			[
				{
					name: "pause_circle_o"
				},
				{
					name: "stop_circle_o"
				},
				{
					name: "warning_o"
				},
				{
					name: "phone_circle_o"
				}
			],
			[
				{
					name: "music_o"
				},
				{
					name: "smile_o"
				},
				{
					name: "thumb_circle_o"
				},
				{
					name: "comment_circle_o"
				}
			],
			[
				{
					name: "browsing_history_o"
				},
				{
					name: "underway_o"
				},
				{
					name: "more_o"
				},
				{
					name: "video_o"
				}
			],
			[
				{
					name: "shop_o"
				},
				{
					name: "shop_collect_o"
				},
				{
					name: "share_o"
				},
				{
					name: "chat_o"
				}
			],
			[
				{
					name: "smile_comment_o"
				},
				{
					name: "vip_card_o"
				},
				{
					name: "award_o"
				},
				{
					name: "diamond_o"
				}
			],
			[
				{
					name: "volume_o"
				},
				{
					name: "cluster_o"
				},
				{
					name: "wap_home_o"
				},
				{
					name: "photo_o"
				}
			],
			[
				{
					name: "gift_card_o"
				},
				{
					name: "expand_o"
				},
				{
					name: "medal_o"
				},
				{
					name: "good_job_o"
				}
			],
			[
				{
					name: "manager_o"
				},
				{
					name: "label_o"
				},
				{
					name: "bookmark_o"
				},
				{
					name: "bill_o"
				}
			],
			[
				{
					name: "hot_o"
				},
				{
					name: "hot_sale_o"
				},
				{
					name: "new_o"
				},
				{
					name: "new_arrival_o"
				}
			],
			[
				{
					name: "goods_collect_o"
				},
				{
					name: "eye_o"
				},
				{
					name: "delete_o"
				},
				{
					name: "font_o"
				}
			],
			[
				{
					name: "balance_o"
				},
				{
					name: "refund_o"
				},
				{
					name: "birthday_cake_o"
				},
				{
					name: "user_o"
				}
			],
			[
				{
					name: "orders_o"
				},
				{
					name: "tv_o"
				},
				{
					name: "envelop_o"
				},
				{
					name: "flag_o"
				}
			],
			[
				{
					name: "flower_o"
				},
				{
					name: "filter_o"
				},
				{
					name: "bar_chart_o"
				},
				{
					name: "bar_trending_o"
				}
			],
			[
				{
					name: "brush_o"
				},
				{
					name: "bullhorn_o"
				},
				{
					name: "hotel_o"
				},
				{
					name: "cashier_o"
				}
			],
			[
				{
					name: "newspaper_o"
				},
				{
					name: "warn_o"
				},
				{
					name: "notes_o"
				},
				{
					name: "calendar_o"
				}
			],
			[
				{
					name: "bulb_o"
				},
				{
					name: "user_circle_o"
				},
				{
					name: "desktop_o"
				},
				{
					name: "apps_o"
				}
			],
			[
				{
					name: "home_o"
				},
				{
					name: "back_top"
				},
				{
					name: "search"
				},
				{
					name: "points"
				}
			],
			[
				{
					name: "edit"
				},
				{
					name: "qr"
				},
				{
					name: "qr_invalid"
				},
				{
					name: "closed_eye"
				}
			],
			[
				{
					name: "down"
				},
				{
					name: "scan"
				},
				{
					name: "revoke"
				},
				{
					name: "free_postage"
				}
			],
			[
				{
					name: "certificate"
				},
				{
					name: "logistics"
				},
				{
					name: "contact"
				},
				{
					name: "cash_back_record"
				}
			],
			[
				{
					name: "after_sale"
				},
				{
					name: "exchange"
				},
				{
					name: "upgrade"
				},
				{
					name: "ellipsis"
				}
			],
			[
				{
					name: "description"
				},
				{
					name: "records"
				},
				{
					name: "sign",
				},
				{
					name: "completed"
				}
			],
			[
				{
					name: "failure"
				},
				{
					name: "ecard_pay"
				},
				{
					name: "peer_pay",
				},
				{
					name: "balance_pay"
				}
			],
			[
				{
					name: "credit_pay"
				},
				{
					name: "debit_pay"
				},
				{
					name: "cash_on_deliver",
				},
				{
					name: "other_pay"
				}
			],
			[
				{
					name: "tosend"
				},
				{
					name: "pending_payment"
				},
				{
					name: "paid",
				},
				{
					name: "aim"
				}
			],
			[
				{
					name: "discount"
				},
				{
					name: "idcard"
				},
				{
					name: "replay",
				},
				{
					name: "shrink"
				}
			]
		],
	// 实底风格图标
		solidIcons: [
			[
				{
					name: "location"
				},
				{
					name: "like"
				},
				{
					name: "star"
				},
				{
					name: "phone"
				},
			],
			[
				{
					name: "setting"
				},
				{
					name: "fire"
				},
				{
					name: "coupon"
				},
				{
					name: "cart"
				}
			],
			[
				{
					name: "shopping_cart"
				},
				{
					name: "cart_circle"
				},
				{
					name: "friends"
				},
				{
					name: "comment"
				}
			],
			[
				{
					name: "gem"
				},
				{
					name: "gift"
				},
				{
					name: "point_gift"
				},
				{
					name: "send_gift"
				}
			],
			[
				{
					name: "service"
				},
				{
					name: "bag"
				},
				{
					name: "todo_list"
				},
				{
					name: "balance_list"
				}
			],
			[
				{
					name: "close"
				},
				{
					name: "clock"
				},
				{
					name: "question"
				},
				{
					name: "passed"
				}
			],
			[
				{
					name: "add"
				},
				{
					name: "gold_coin"
				},
				{
					name: "info"
				},
				{
					name: "play_circle"
				}
			],
			[
				{
					name: "pause_circle"
				},
				{
					name: "stop_circle"
				},
				{
					name: "warning"
				},
				{
					name: "phone_circle"
				}
			],
			[
				{
					name: "music"
				},
				{
					name: "smile"
				},
				{
					name: "thumb_circle"
				},
				{
					name: "comment_circle"
				}
			],
			[
				{
					name: "browsing_history"
				},
				{
					name: "underway"
				},
				{
					name: "more"
				},
				{
					name: "video"
				}
			],
			[
				{
					name: "shop"
				},
				{
					name: "shop_collect"
				},
				{
					name: "share"
				},
				{
					name: "chat"
				}
			],
			[
				{
					name: "smile_comment"
				},
				{
					name: "vip_card"
				},
				{
					name: "award"
				},
				{
					name: "diamond"
				}
			],
			[
				{
					name: "volume"
				},
				{
					name: "cluster"
				},
				{
					name: "wap_home"
				},
				{
					name: "photo"
				}
			],
			[
				{
					name: "gift_card"
				},
				{
					name: "expand"
				},
				{
					name: "medal"
				},
				{
					name: "good_job"
				}
			],
			[
				{
					name: "manager"
				},
				{
					name: "label"
				},
				{
					name: "bookmark"
				},
				{
					name: "bill"
				}
			],
			[
				{
					name: "hot"
				},
				{
					name: "hot_sale"
				},
				{
					name: "new",
				},
				{
					name: "new_arrival"
				}
			],
			[
				{
					name: "goods_collect"
				},
				{
					name: "eye"
				},
				{
					name: "delete"
				},
				{
					name: "font"
				}
			],
			[
				{
					name: "wechat"
				},
				{
					name: "wechat_pay"
				},
				{
					name: "alipay"
				},
				{
					name: "photograph"
				}
			],
			[
				{
					name: "youzan_shield"
				},
				{
					name: "umbrella_circle"
				},
				{
					name: "bell"
				},
				{
					name: "printer"
				}
			],
			[
				{
					name: "map_marked"
				},
				{
					name: "card"
				},
				{
					name: "add_square"
				},
				{
					name: "live"
				}
			],
			[
				{
					name: "lock"
				},
				{
					name: "audio"
				},
				{
					name: "graphic"
				},
				{
					name: "column"
				}
			],
			[
				{
					name: "invition"
				},
				{
					name: "play"
				},
				{
					name: "pause"
				},
				{
					name: "stop"
				}
			],
			[
				{
					name: "weapp_nav"
				},
				{
					name: "ascending"
				},
				{
					name: "descending"
				},
				{
					name: "bars"
				}
			],
			[
				{
					name: "wap_nav"
				},
				{
					name: "enlarge"
				},
				{
					name: "photo_fail"
				},
				{
					name: "sort"
				}
			],
		]
	},
	onInit() {
//		console.log(this.wireframeIcons.length);
//		console.log(this.solidIcons.length);
	},
// 自定义组件布局完成
	onReady() {

	},
	computed: {
		tab0() {
			if (this.activeTab == "tab0") {
				return "active-tab"
			}
			return ""
		},
		tab1() {
			if (this.activeTab == "tab1") {
				return "active-tab"
			}
			return ""
		},
		tab2() {
			if (this.activeTab == "tab2") {
				return "active-tab"
			}
			return ""
		},
		tab3() {
			if (this.activeTab == "tab3") {
				return "active-tab"
			}
			return ""
		}
	},
	changeTab: function (e) {
		if (e != this.activeTab) {
			this.$set("activeTab", e);
		}
	},
	iconClick(data) {
		console.log("iconClick");
		console.log(data.detail);
		if (this.colorIndex > 5) {
			this.colorIndex = 0;
		} else {
			this.colorIndex += 1;
		}
		this.iconDisabled = !this.iconDisabled;
	}
}
